<? session_start(); ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aldeas Infantiles | Reporte Movimientos</title>
    <?php
      include('includes/header.php');
    ?>
    <link rel="stylesheet" type="text/css" media="screen" href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="js/movements-report.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      var elements = $('#menu-nav').find('li');
      $(elements[5]).addClass('active');
    });
    </script>
  </head>

<body>
  <div id="wrapper">
    <div id="page-wrapper"  class="container">
        <?php
          include('includes/nav.php');
        ?>
        <form class="form-horizontal" role="form" id="form-report-donors">
          <h4>Reporte de Movimientos <span class="glyphicon glyphicon-list-alt"></span></h4>
          <div class="row">
            <div class="col-xs-4">
              <label for="report-movements-country" class="col-sm-2 control-label">Pa&iacute;s:</label>
            </div>
            <div class="col-xs-4">
              <select class="form-control" id="report-movements-country" title="Seleccione el pa&iacute;s">
                <option>Costa Rica</option>
              </select>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="report-movements-dorp" class="col-sm-2 control-label">Programa:</label>
            </div>
            <div class="col-xs-4">
              <select class="form-control" id="report-movements-dorp" title="Seleccione la aldea">
                <option>Programa 1</option>
              </select>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="report-inventory-from" class="col-sm-2 control-label">Desde:</label>
            </div>
            <div class="col-xs-4">
              <div id="report-inventory-from" class="input-append date">
                <input type="text"></input>
                <span class="add-on">
                  <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                  </i>
                </span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
              <label for="report-inventory-to" class="col-sm-2 control-label">Hasta:</label>
            </div>
            <div class="col-xs-4">
              <div id="report-inventory-to" class="input-append date">
                <input type="text"></input>
                <span class="add-on">
                  <i data-time-icon="icon-time" data-date-icon="icon-calendar">
                  </i>
                </span>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-4">
            </div>
            <div class="col-xs-4">
              <button type="submit" class="btn btn-primary" title="Generar Reporte">Generar Reporte</button>
            </div>
          </div>
        </form>
        <?php
          include('includes/footer.php');
        ?>
    </div>

  </div>
</body>
</html>